import { useState } from 'react';
console.log(123);
const UseState = (props) => { // 参数就是父组件传下来的自定义树形
  console.log(props);
  // 函数组件是无状态组件
  // 函数组件没有this
  // 类组件： state = { age: 20 }; -> this.setState({ age: 30 })
  // useState 返回一个数组，第一个参数是状态，第二是改变状态的方法，参数就是初始值
  const [age, setAge] = useState(20);
  const [money, setMoney] = useState(props.wealth);

  const { name } = props; // 解构
  // props.history.replace('/login');

  const grow = () => { // 方法的定义
    setAge(age + 1); // 相当于this.setState({ age: this.state.age+1 })
  }

  return (
    <div>
      <div>我叫{name}, 我今年{age}岁, 我有{money}元</div>
      <button onClick={grow}>过年</button>
      <button onClick={() => setMoney(money + 100)}>赚钱</button>
      <button onClick={() => setMoney(money - 100)}>花钱</button>
    </div>
  )
}
export default UseState